<?
define("KEY", "ABQIAAAAiO3_gTVoVOf54azjqgeqwxS5ypMzmKSbJW4pMQDx-R0VujuVqhTX_zF0keI0ak2VO_S3NP4c14rJnw");

?>
<html>
<head>
    <link type="text/css" href="../lib/jqPlugins/jQueryUI/css/dark-hive/jquery-ui-1.8.7.custom.css" rel="stylesheet" />
    <style>
	#app_tabs
{
	position:absolute;
	top:75px;
	left:41px;
	right:0;
	bottom:0;
}

#info
{
	height:600px;
	overflow:auto;
}

#property-data td
{
	border-left:1px solid #ccc;
	text-align:left;
	vertical-align: top;
}

#map_container, #earth_container {
	margin:2px;
	position:absolute;
	left:0;
	top:36px;
	right:0;
	bottom:0;
}

#map_canvas, #map3d {
	position:absolute;
	left:0;
	top:72px;
	right:0;
	bottom:0;
}

#map_toolbar {
	position:absolute;
	left:0;
	top:0px;
	right:0;
	height:40px;
	padding-top:10px;
	padding-left:10px;
	vertical-align:middle;
}
</style>
    <title>Sample</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
    <script type="text/javascript" src="../lib/jqPlugins/jquery.cookie.js"></script>
    <script src="https://www.google.com/jsapi?key=<? echo KEY; ?>"> </script>
    <script type="text/javascript">
var ge;
$(function()
{
	$(".maketabs").tabs({
		show: function(event, ui) {
			if (ui.index == 1)
			{
				google.load("earth", "1.x");
				google.setOnLoadCallback(init);
			}
		}
	});

});
function init() {
	google.earth.createInstance('map3d', initCB, failureCB);
}

function initCB(instance) {
	ge = instance;
	ge.getWindow().setVisibility(true);
}

function failureCB(errorCode) {
}

   </script>
</head>
<body>
<div id="app_tabs" class="maketabs">
  <ul>
    <li><a href="#map_container"><span>Map</span></a></li>
    <li><a href="#earth_container"><span>Earth</span></a></li>
    <li><a href="#data"><span>Data</span></a></li>
    <li><a href="#control_panel"><span>Control Panel</span></a></li>
  </ul>
  <div id="map_container">
    <div id="map_canvas"></div>
  </div>
  <div id="earth_container">
	<div id="map3d">sheeeit nigga</div>
  </div>
  <div id="data"><div id="datatable_window" title="Properties"></div></div>
  <div id="control_panel"></div>
</div>


</body>
</html>